@media (max-width: 768px) {
  html {
    font-size: 9px;
  }

  .kefu {
    display: none;
  }

  .banner-content-line {
    display: none;
  }

  .solution-img {
    height: auto;
  }

  .comment-card-text {
    /* min-height: 10rem; */
    height: auto !important;
  }

  .product-container .container {
    padding-top: 3rem;
    padding-bottom: 2rem;
  }

  .tabs-container {
    margin-top: 3rem;
  }

  .tabs-head-item-name {
    display: none;
  }

  .tabs-title-backup {
    display: block;
  }

  .block-title {
    font-size: 2.2rem !important;
  }

  .tabs-head-item-img {
    max-width: 3.5rem;
  }

  .company-info {
    padding: 40px 0;
    height: auto !important;
  }

  .company-info .row {
    margin-top: 3rem;
  }

  .company-item-val {
    font-size: 2.5rem;
  }

  .card {
    margin-top: 3.5rem !important;
  }

  .screen {
    padding: 4rem 0 !important;
  }

  .dynamic-container {
    margin-top: 3rem !important;
  }

  .trail {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-position: right;
    background-size: auto !important;
  }

  .trail p {
    font-size: 2rem;
  }

  .foot {
    padding-top: 1rem !important;
  }

  .dynamic {
    padding-top: 4rem !important;
    padding-bottom: 4rem;
  }

  .partner {
    padding-top: 4rem !important;
    padding-bottom: 4rem;
  }

  .partner-container {
    margin-top: 2rem;
    padding-bottom: 2rem !important;
  }

  .cerf-container {
    padding-bottom: 5rem;
  }

  .phone {
    display: none;
  }

  .solution-text {
    margin-top: 2rem;
  }

  #scroll-left,
  #scroll-right {
    display: none;
  }

  .swipe-container {
    margin: 0 !important;
    overflow-x: scroll;
  }

  .product-detail {
    padding: 0 !important;
  }

  .product-button-container {
    display: none !important;
  }

  .feature-name {
    font-size: 1.2rem !important;
  }

  .feature-img {
    max-width: 3rem;
    max-height: 3rem;
  }

  .product-functions {
    text-align: center !important;
  }

  .product-functions .row {
    display: block !important;
  }

  .product-function-img {
    margin-top: 3rem;
  }

  .comment {
    padding: 2rem 3.5rem !important;
  }

  .product-function-title {
    font-size: 2rem !important;
  }

  .news-head-container > div {
    font-size: 1.4rem !important;
    margin-right: 0 !important;
    padding: 1.5rem 0 !important;
  }

  .news-head-container {
    justify-content: space-between;
  }

  .news-item {
    height: auto !important;
    padding: 1.6rem 0 !important;
  }

  .news-content-container,
  .three-part-container {
    transform: translateY(-4.8rem) !important;
  }

  .banner-other {
    margin-top: 4rem;
    padding-bottom: 8rem;
  }

  .price-container {
    margin-top: 1rem !important;
  }

  .price-table .table-cell {
    padding: 0 15px !important;
  }

  .price-table .table-col:first-child .table-cell {
    justify-content: center !important;
  }

  .buy-button {
    padding: 0.4rem 1.5rem !important;
  }

  .price,
  .price3 {
    font-size: 1.4rem !important;
  }
  .price2 {
    font-size: 1rem !important;
  }
  .four-part .container > div {
    padding: 0 !important;
  }

  /* .price-table .buy-button {
    border: none !important;
    padding: 0 !important;
  } */

  .help-container .product {
    width: 100%;
    display: flex;
  }

  .help-container .container {
    flex-direction: column !important;
  }

  .help-container .product-name {
    font-size: 1rem;
  }

  .product-item {
    height: auto;
    flex-grow: 1;
  }

  .help-head {
    padding: 1.5rem 0 !important;
  }

  .help-content {
    margin-left: 0 !important;
  }

  .help-detail-container {
    padding: 2rem 2.5rem !important;
  }

  .sample-part {
    margin-top: 3rem !important;
  }

  .sample-head-title {
    margin-bottom: 1.5rem !important;
  }

  .sample-detail-container {
    padding: 3rem !important;
  }

  .product-title {
    font-size: 2.4rem !important;
  }

  .company-desc {
    padding: 0 4rem !important;
    font-size: 1.6rem !important;
  }

  .company-data {
    margin-top: 2rem !important;
    padding: 0 4rem !important;
  }

  .company {
    margin-top: 2rem !important;
    padding-bottom: 8rem !important;
  }

  .company-data-item-val {
    font-size: 2rem !important;
  }

  .pint {
    padding: 1.5rem !important;
  }

  .point-icon {
    max-width: 30px;
    max-height: 30px;
  }

  .time-line-part-left {
    width: 10rem !important;
  }

  .company-data-item-name {
    margin-top: 1rem !important;
  }

  .area .row.flex {
    display: block !important;
  }

  .location-detail {
    /* display: flex; */
    /* flex-direction: column; */
    align-self: center;
  }

  #map {
    min-height: 50vw;
  }

  .location-detail > * {
    width: 100%;
  }

  .feedback .form {
    padding: 1.5rem 2rem !important;
  }

  .feedback .tip {
    font-size: 1.6rem !important;
    padding: 1rem 4rem !important;
  }

  .feed-type-item {
    padding: 0.5rem 1.5rem !important;
  }

  .four-features {
    padding: 4rem 0 !important;
  }

  .feed-img-container .img {
    width: 8rem;
    height: 8rem;
  }

  .four-features-title {
    text-align: center;
    font-size: 2.45rem !important;
  }

  .features-list {
    margin-top: 1.5rem !important;
  }

  .four-features .row > div {
    margin-top: 3rem;
  }

  .features-item-title {
    font-size: 1.6rem !important;
  }

  .features-item-desc {
    font-size: 1.4rem !important;
  }

  .services-title {
    font-size: 2.4rem !important;
  }

  .out-title {
    font-size: 2.4rem !important;
  }

  .out-bgbottom {
    padding: 2.5rem 0 !important;
    padding-bottom: 5rem !important;
  }

  .out-list {
    margin-top: 2rem !important;
  }

  .trail-form {
    padding: 2rem 2rem !important;
    transform: translateY(-4rem) !important;
  }

  .trail-form-title {
    font-size: 2.4rem !important;
  }

  .form-input {
    margin-right: 0 !important;
  }

  .input-container {
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .seo-title {
    font-size: 2rem !important;
  }

  .tag-three-item {
    padding: 0.5rem 2rem !important;
  }

  .three-point-item {
    padding: 20px 35px 20px 20px !important;
  }

  .proxy-head .row {
    margin-top: 40px !important;
  }

  .point-item-text {
    font-size: 14px !important;
  }

  .proxy-title {
    margin-top: 100px !important;
  }

  .target-desc {
    padding: 0 !important;
  }

  .business-card {
    padding: 20px !important;
    margin-top: 80px !important;
  }

  .business-card-right {
    margin-left: 15px !important;
    font-size: 14px !important;
  }

  .business-card-right .right-title {
    font-size: 16px !important;
  }

  .content-container {
    margin-top: 40px !important;
  }

  .business-card-right .contact {
    font-size: 14px !important;
  }

  .content-main {
    margin-top: 40px !important;
  }

  .section.service {
    padding: 40px 0 !important;
  }

  .section-title {
    margin-bottom: 30px !important;
  }

  .button-group {
    font-size: 14px !important;
  }

  .card-text-title {
    font-size: 20px !important;
  }

  .carousel-inner {
    height: 115vw;
  }

  .content-title {
    font-size: 24px !important;
  }

  .mb-3 {
    font-size: 18px !important;
  }

  .six-container {
    padding: 40px 0 !important;
  }

  .six-title {
    font-size: 20px !important;
  }

  .six-module .row {
    margin-top: 40px !important;
  }

  .six-module-img {
    width: 40px !important;
    height: 40px !important;
  }

  .six-module-text {
    margin-top: 25px !important;
  }

  .experts-wrapper {
    padding-top: 0 !important;
  }

  .experts {
    margin-top: 0 !important;
  }

  .time-line-part .time-line-part-line {
    padding: 0 10px !important;
  }

  .location-name {
    line-height: 40px !important;
  }

  .card-text {
    padding: 20px 20px 0 20px;
  }
}

/* @media (max-width:850px) {
  .banner-button-container {
    display: none !important;
  }
} */

@media (max-width: 992px) {
  html {
    font-size: 9.5px;
  }

  .sample-container {
    margin-bottom: 6rem !important;
  }

  .sample-item {
    margin-top: 4rem !important;
  }

  .product-desc {
    margin-bottom: 10rem !important;
  }

  .area {
    padding-top: 4rem !important;
  }

  .area .area-title {
    text-align: center;
    font-size: 2rem !important;
  }

  .area .area-line {
    margin: 0 auto !important;
    margin-top: 2rem !important;
  }

  .area-content {
    padding-top: 3rem !important;
  }

  .left {
    width: 100% !important;
  }

  .solution-content {
    margin-top: 3rem !important;
    display: block !important;
  }

  .help-type {
    display: flex;
    overflow-x: scroll;
  }

  .help-type-item {
    margin-right: 15px;
    flex-shrink: 0;
    padding: 5px 15px !important;
  }

  .solution-title {
    font-size: 1.8rem !important;
  }

  .solution-search {
    padding: 0.8rem 1rem !important;
  }

  .noanswer {
    font-size: 1.6rem !important;
  }

  .zx-button {
    padding: 0.8rem 1.6rem !important;
    margin-bottom: 4rem !important;
  }

  .solution-part {
    margin-top: 2rem;
  }

  .tag-three {
    padding: 0 !important;
  }

  .proxy-head .row > div {
    justify-content: center;
    margin-top: 15px;
    font-size: 14px;
  }

  .proxy-head .row .point-item-text div {
    font-size: 14px;
  }
}

@media (min-width: 1200px) {
  html {
    font-size: 10px;
  }

  /* .lg-show {
    display: block;
  } */

  .lg-hidden {
    display: none !important;
  }
}

@media (max-width: 1200px) {
  .nav-bar {
    display: none !important;
  }

  .banner-button-container {
    margin-top: 2.5rem !important;
  }

  .banner-button {
    padding: 0.7rem 3rem !important;
  }

  .lg-show {
    display: none !important;
  }

  .news-img-container {
    flex-direction: row !important;
    justify-content: space-between;
  }

  .news-img-container > div {
    flex-grow: 1;
    margin: 0 5px;
  }

  .news-item {
    height: auto !important;
    padding: 1.6rem 0 !important;
  }

  .location-name {
    font-size: 2rem !important;
  }

  .location {
    padding: 0 !important;
  }

  .area-title {
    font-size: 2.5rem !important;
  }

  .form {
    padding: 3rem 14rem !important;
  }

  .tip {
    padding: 2rem 8rem !important;
  }

  .kefu {
    display: none !important;
  }
}

@media (max-width: 1350px) {
  .banner-button-container {
    margin-top: 5rem;
  }
}

@media (max-width: 600px) {
  .banner-content-text {
    margin-top: 2rem;
  }
}

@media (max-width: 450px) {
  .banner-content-text {
    margin-top: 0.5rem;
  }
}

@media (max-width: 1000px) {
  .button {
    padding: 0.6rem 3rem !important;
  }
}